@import "module/variable";
@import "module/initCSS";
@import "module/header";
@import "module/user_tabs";
@import "module/footer";

.header {
    @include commonHeader2();
}

.user-tabs {
    @include userTabs();
}

.footer{
    @include commonFooter();
}

.padding{
    padding: 30px 0 30px;
    overflow: hidden;
}

.space-block{
    overflow: hidden;
    padding: 0 70px;
    margin-bottom: 20px;
    .inner{

    }

    .space-name{
        margin: 0 -25px 20px;
        div{
            float: left;
            width: 25%;
            padding: 0 25px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            &.col1{
                width: 25%;
            }
            &.col2{
                width: 50%;
            }
            &.col3{
                width: 75%;
            }
            &.col4{
                width: 100%;
            }
            h2{
                font-size: 15px;
                font-weight: normal;
                line-height: 30px;
                color: #242728;
                border-bottom: 2px solid #c1c1c1;
                i,b{
                    float: right;
                    font-size: 18px;
                    font-weight:normal;
                    color: #c1c1c1;
                    margin-top: 8px;
                    cursor: pointer;
                }
                i{
                    width: 20px;
                }
                b{
                    line-height: 30px;
                    margin-top: 0;
                }
            }
        }
    }

    .space-item-list{
        margin: 0 -25px;
        li{
            float: left;
            width: 25%;
            padding: 0 25px;
            margin: 0 0 20px 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            cursor: pointer;
            .ib{
                border: 2px solid #e2e3e4;
                padding: 12px 12px 30px 12px;
                font-size: 13px;
                color: #333536;
                &:hover{
                    border-color: #209ea7;
                    h3{
                        color: #209ea7;
                    }
                }
                &.selected{
                    h3{
                        i{
                            color: #209ea7;
                        }
                    }
                }
                h3{
                    font-weight:normal;
                    margin-bottom: 16px;
                    i{
                        float: right;
                        font-size: 18px;
                        color: #c1c1c1;
                        margin-top: -2px;
                    }
                }
                div{
                    line-height: 1.6;
                    span{
                        color: #1170a0;
                    }
                }
            }
        }
    }

    .show-more{
        text-align: right;
        a:hover{
            color: #006699;
            i{
                color: #006699;
            }
        }
    }
}